// 头部样式
.header {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    border-bottom: 1px solid #ccc;

    // 头部左侧样式
    .header-left {
        margin-left: 27.7%;

        li {
            float: left;

            a {
                display: block;
                padding: 0 8px;
                font-size: 12px;
                color: #000;
            }

            &:nth-child(1) {
                a {
                    color: #fff;
                    background: #008fd5;
                }
            }
        }
    }

    // 头部右侧样式
    .header-right {
        li {
            float: left;
            margin-left: 18px;
        }

    }
}

// logo及nav部分
.logo_nav {
    position: relative;
    height: 86px;
    line-height: 86px;

    // logo部分
    .logo {
        width: 222px;
        height: 86px;
        background: url(../images/logo.png) no-repeat center;
    }

    // 中间导航栏
    .center-nav {
        margin-left: 10.3%;

        li {
            float: left;
            margin-right: 60px;

            a {
                color: #000;
            }
        }
    }

    // 右边搜索框
    .search {
        position: absolute;
        right: 0;
        top: 0;

        a {
            font-size: 24px;
            color: #666;

            &:last-child {
                display: none;
            }
        }
    }
}

// 大图片及新闻动态
.banner {

    // 大图片
    .img {
        a {
            display: block;
            font-size: 0;

            img {
                width: 100%;
            }
        }
    }

    // 小图片隐藏
    .img2 {
        display: none;
    }

    // 新闻动态栏目
    .news {
        height: 34px;
        padding: 18px 0;
        background: #018ed3;
        line-height: 34px;

        .content {

            // 新闻动态标题
            h3 {
                width: 116px;
                height: 34px;
                margin-left: 3%;
                background: url(../images/news_information.png) no-repeat;
                color: #018ed3;
                line-height: 34px;
                text-align: center;
            }

            // 文字
            p {
                margin-left: 3.5%;
                font-size: 14px;
                color: #fff;
            }

            // 右箭头
            a {
                margin-right: 3%;

                span {
                    font-size: 24px;
                    color: #fff;
                }
            }
        }
    }
}

// article部分
.article {
    margin-top: 20px;

    .content {
        ul {
            display: flex;
            // flex-wrap: wrap;
            justify-content: space-between;

            li {
                // float: left;
                box-sizing: border-box;
                width: 32.4%;
                height: 420px;
                // margin-right: 17.937499px;
                // padding-right: 20px;

                // a标签盒子
                a {
                    display: block;
                    width: 100%;
                    height: 100%;
                    background: #eeeeee;
                    min-height: 450px;

                    // 图片
                    .pic {
                        overflow: hidden;
                        font-size: 0;

                        &:hover {
                            img {
                                transform: scale(1.1);
                            }
                        }

                        img {
                            width: 100%;
                            transition: all 0.3s;
                        }
                    }

                    // 文本信息
                    .infos {
                        padding: 18px 34px;
                        line-height: 22px;

                        h3 {
                            margin-bottom: 6px;
                            color: #008fd6;
                        }

                        p {
                            word-wrap: break-word;
                            color: #000;
                        }
                    }
                }
            }
        }
    }

}

// video部分
.video {
    margin-top: 30px;
    padding-top: 10px;

    .content {
        cursor: pointer;

        img {
            width: 100%;
        }
    }
}

// 友情链接部分
.footer-nav {
    margin-top: 65px;

    .PC-nav {
        box-sizing: border-box;
        padding: 0 22px;

        dl {
            float: left;
            width: 12.34%;

            dt {
                height: 36px;
                font-size: 16px;
                color: #018ed3;
            }

            dd {
                height: 30px;
                cursor: pointer;
            }

            &:last-child {
                width: 39.9%;

                dd {
                    width: 100%;
                    height: auto;

                    img {
                        width: 100%;
                    }
                }
            }
        }
    }

    .phone-nav {
        display: none;
    }
}

// footer部分
.footer {
    margin-top: 18px;
    height: 60px;
    line-height: 60px;

    .content {
        box-sizing: border-box;
        border-top: 1px solid #ccc;
        padding: 0 22px;

        // 左边nav
        .box-left {
            float: left;

            li {
                float: left;
                margin-right: 5px;

                a {
                    font-size: 12px;
                    color: #000;
                }
            }
        }

        .pad-nav {
            display: none;
        }

        // 右边nav
        .box-right {
            float: right;
            font-size: 12px;

            img {
                vertical-align: middle;
            }
        }
    }
}